.cates{


    .containter{
        display: flex;
        height: calc(100vh - 90rpx);
        .left{
            flex: 35;
            .menu{
                display: flex;
                justify-content: center;
                align-items: center;
                margin: 20rpx 0;
                font-size: 30rpx;

            }
            .active{
                color: var(--themeColor);
            }
        }
        .right{
            flex: 65; 
            .title{
                display: flex;
                justify-content: center;
                margin-top: 50rpx;
            }
            .listContainer{
                navigator{
                    float: left;
                    width: 33.33% ;
                    padding: 0 10rpx 5rpx 10rpx;
                    image{
                    }
                    .threeCateName{  
                        display: flex;
                        justify-content: center;     
                    }
                }
            }
        } 
    }


}